<!-- liyang 2018/09/13 案例详情 轮播图未完成 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset='utf-8'>
    <title> - 若维俱乐部 </title>
    <meta name='keywords' content=''>
    <meta name='description' content=''>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/itemDetail.css">
    <style>

    </style>
</head>

<body>
    <!-- 引入头部 开始 只有开服务器才可以看到效果，否则会提示无法引入本地js -->
    <div id="headerPage"></div>
    <!-- 引入头部 结束 -->

    <!-- 内容 开始 -->
    <div class="content">
        <!-- 去掉左边的空白 开始 -->
        <div class="lists">
            <!-- 左侧 开始 -->
            <div class="left fl">
                <div class="banner"></div>
                <div class="title">
                    <div class="top" id="itemName">
                        <!-- Business Planning & Fund Rising -->
                    </div>
                    <div class="central" id="itemInfo">
                        <!-- <span>by</span> 张三
                        <div class="divide">|</div>
                        <span>0</span> 评论 -->
                    </div>
                </div>

                <div class="borders"></div>
                <div class="text" id="itemContent">
                    <!-- <p>
                        母亲节作为一个节日，当然已经固定下来。不过，过母亲节的人却是变化的，
                        从70后到90后，母亲节的过法各不相同。 当他们还是小孩子时，
                        他们是怎么为母亲过节的？当他们中的一部分成为母亲，又是怎样看待这个节日的？</p> -->
                </div>

            </div>
            <!-- 左侧 结束 -->

            <!-- 右侧 开始 -->
            <div class="right fr">
                <!-- 搜索 标题 开始 -->
                <div class="title">
                    搜索你感兴趣的
                </div>
                <!-- 搜索 标题 结束 -->
                <!-- 蓝色分割线 开始 -->
                <div class="borders"></div>
                <!-- 蓝色分割线 结束 -->
                <!-- 搜索 开始 -->
                <input class="search" placeholder="搜索你想要的！！！    未写好" />
                <!-- 搜索 结束 未写好 -->

            </div>
            <!-- 右侧 结束 -->

        </div>
        <!-- 去掉左边的空白 开始 -->

    </div>

    <!-- 内容 结束 -->

    <div id="footerPage"></div>
</body>

<script src="js/jquery.js"></script>
<script src="js/hearder.js"></script>
<script src="js/custom.js"></script>
<script>
    $(function () {
        $('#headerPage').load('header.html');
        $('#footerPage').load('footer.html');
    })
</script>

<script type="text/javascript">
    var Request = GetRequest(); // custom.js中定义了
    var id = Request['id'];
    parms = {
        "id": id
    };
    $(function () {
        $.ajax({
            type: "POST", //方法类型
            dataType: "json", //预期服务器返回的数据类型
            url: "/club_case/queryCaseById", //url
            contentType: 'application/json;charset=UTF-8',
            data: JSON.stringify(parms),
            success: function (result) {
                if (result.success == false) {
                    alert(result.message);
                } else {
                    var divName = document.getElementById("itemName");
                    divName.innerHTML = divName.innerText + result.data.name;

                    var divNewsInfo = document.getElementById("itemInfo");
                    divNewsInfo.innerHTML = divNewsInfo.innerText +
                        ' <span>参与人员</span>' + result.data.person +
                        '<div class="divide">|</div>' +
                        '<span>采用技术</span>' + result.data.skill +
                        '<div class="divide">|</div>' +
                        '<span>发布人</span>' + result.data.people +
                        '<div class="divide">|</div>' +
                        '<span>发布时间</span>' + result.data.time;

                    var divNewsContent = document.getElementById("itemContent");
                    divNewsContent.innerHTML = divNewsContent.innerText +
                        result.data.content;
                }
            },
            error: function () {
                alert('接收数据错误！');
            }
        })
    });
</script>

</html>